<style>
	.downLoadText {
		color: #958fe9;
		border: 1px solid#958fe9;
		border-radius: 40px;
		padding: 6px 30px;
	}

	.chaxunButton {
		background: linear-gradient(to right, #488cf1, #3b45f4);
		padding: 6px 30px;
		color: #fff;
		margin-left: 20px;
		border-radius: 40px;
		cursor: pointer;
	}
</style>
<template>
	<div style="height: 100%;">
		<div style="background: #fff;margin-bottom: 10px;border-radius: 4px;;" class="pad20">
			<div class="font20">车辆信息</div>

			<div class="displayFlexBet color555 mt20">
				<div style="flex: 1;">
					<span class="mr10">车牌号码</span>
					<span>{{dataList1.vehicleNo}}</span>
				</div>
				<div style="flex: 1;">
					<span class="mr10">所属人（单位）</span>
					<span>{{dataList1.carrier}}</span>
				</div>
				<div style="flex: 1;">
					<span class="mr10">排放标准</span>
					<span>{{dataList1.emissionStandardStr}}</span>
				</div>
				<div style="flex: 1;">
					<span class="mr10">号牌颜色</span>
					<span>{{dataList1.carCodeColor}}</span>
				</div>
			</div>

			<div class="font20 mt40">进出场信息</div>

			<div class="displayFlex color555 mt20">
				<div style="flex: 1;">
					<span class="mr10">出入口</span>
					<span>{{dataList1.doorName}}</span>
				</div>
				<div style="flex: 1;">
					<span class="mr10">道闸</span>
					<span>--</span>
				</div>
				<div style="flex: 1;">
					<span class="mr10">状态</span>
					<span>{{dataList1.doorTypeStr}}</span>
				</div>
				<div style="flex: 1;">
				</div>
			</div>
			<div class="color555 mt20">
				<div>
					<span class="mr10">入厂时间</span>
					<span>{{dataList1.inPassTime}}</span>
				</div>
				<div style="display: flex;" class="mt20">
					<span class="mr10">入厂图片</span>
					<span>
						<el-image v-if="dataList1.inDoorVehicleImg" :src="dataList1.inDoorVehicleImg"
							:preview-src-list="[dataList1.inDoorVehicleImg]" style="width: 100px;height: 100px;" />
						<span v-else class="color888">暂无入厂图片</span>
					</span>
				</div>
			</div>
			<div class="color555 mt20">
				<div>
					<span class="mr10">出厂时间</span>
					<span>{{dataList1.outPassTime || '--'}}</span>
				</div>
				<div style="display: flex;" class="mt20">
					<span class="mr10">出厂图片</span>
					<span>
						<el-image v-if="dataList1.outDoorVehicleImg" :src="dataList1.outDoorVehicleImg"
							:preview-src-list="[dataList1.outDoorVehicleImg]" style="width: 100px;height: 100px;" />
						<span v-else class="color888">暂无出厂图片</span>
					</span>
				</div>
			</div>

		</div>
	</div>
</template>

<script>
	import moment from 'moment'
	import * as echarts from 'echarts';


	let that
	export default {
		components: {},
		data() {
			return {
				params: {
					ticketId: '',
				},
				dataList1: {}
			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.params.ticketId = that.$store.state.token
			that.params.id = that.$route.query.id
			that.getTableData()
		},
		methods: {
			getTableData() {
				let thisParams = JSON.parse(JSON.stringify(that.params))
				that.ajax({
					url: 'cleanTransportation/getDoorDetById',
					contentType: 'application/x-www-form-urlencoded',
					data: thisParams,
					success: function(data) {
						if (data.status == 1) {
							let seriersData = []
							that.dataList1 = data.data
						}
					}
				})

			},

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.selectedClass {
		color: #426ab3;
		font-weight: bold;
	}
</style>